<#include "../_sys/layout/layout-content.ftl"/>
<@head title="员工信息" keywords="用户信息" description="用户信息操作"></@head>
<@body>
<div class="">
    <div class="clearfix"></div>
    <div class="row">
		<div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>员工设置</h2>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					<@AuthBtn>
						<button type="button" class="btn btn-primary" id="btn_100101103100" token="100101103100">新增</button>
						<button type="button" class="btn btn-success" id="btn_100101103101" token="100101103101">修改</button>
						<button type="button" class="btn btn-danger" id="btn_100101103102"	token="100101103102">删除</button>
						<button type="button" class="btn btn-primary" id="btn_100101103103"	token="100101103103">检索</button>
						<button type="button" class="btn btn-info" id="btn_100101103104"	token="100101103104">详情</button>
						<button type="button" class="btn btn-warning" id="btn_100101103108"	token="100101103108">生效/未生效</button>
						<button type="button" class="btn btn-danger" id="btn_100101103109"	token="100101103109">启用/停用</button>
						<button type="button" class="btn btn-warning" id="btn_100101103105"	token="100101103105">设置部门</button>
						<button type="button" class="btn btn-warning" id="btn_100101103106"	token="100101103106">特殊权限设置</button>
						<button type="button" class="btn btn-info" id="btn_100101103107"	token="100101103107">查看权限</button>
					</@AuthBtn>
					<table id="tb_user_info" data-reorderable-columns="true"></table>
				</div>
			</div>
		</div>
    </div>
</div>
 
<!-- 添加和修改弹出层  star-->
<div class="modal fade" id="bs-addOrModify-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="addOrModify_modal_title"></h4>
      </div>
      <div class="modal-body">
		<form id="frm_addOrModify" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
       	<div class="row">
          <div class="col-md-12">
            <div class="x_panel">
              <div class="x_title">
                <h2>用户信息 </h2>
              	<div class="clearfix"></div>
              </div>
              	<div class="x_content">
			       <div class="row">
			         <div class="col-md-12">
					  	<div class="col-md-2 col-sm-12 col-xs-12 form-group" style="height:13rem">
				       	   <image id="txt_imgRealUrl" src="${cxt}/_sys/images/man.png" style="height:100%;width:100%" alt="用户头像"/>
				       	    <input type="hidden" id="txt_imgUrl" name="imgUrl">
				      	</div>
					  	<div class="col-md-10 col-sm-12 col-xs-12">
						  	 	<div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >姓名:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<input class="form-control" type="text" id="txt_realName" name="realName" required="required"/>
						            </div>
						            <label class="control-label col-md-2 col-sm-3 col-xs-12">性别:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<select id="sel_sex" name="sex" class="form-control">
							                <option value="1">男</option>
							                <option value="2">女</option>
						              	</select>
						            </div>
					            </div>
					            <div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >身份证号:</label>
					            	<div class="col-md-4 col-sm-3 col-xs-12">
						            	<input class="form-control" type="text" id="txt_idCard" name="idCard" maxlength="18"/>
					            	</div>
					            	<label class="control-label col-md-2 col-sm-3 col-xs-12">出生日期:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	 <input type="text" placeholder="出生日期" style="width:100%" id="txt_birthDate" name="birthDate" class="form-control" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',qsEnabled:true,quickSel:['2000-10-01','%y-%M-01','%y-%M-%ld']})" />
						            </div>
					            </div>
					            <div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >电话:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<input class="form-control" type="text" id="txt_mobile" name="mobile"/>
						            </div>
						            <label class="control-label col-md-2 col-sm-3 col-xs-12">是否启用:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						              	<select id="sel_enabled" name="enabled" class="form-control">
							                <option value="2" selected>未启用</option>
							                <option value="1">启用</option>
						              	</select>
						            </div>
					            </div>
					        </div>
				  		</div>
				  	</div>
				</div>
		    </div>
		    <div class="x_panel">
		      <div class="x_title">
		        <h2 >员工信息</h2>
		      	<div class="clearfix"></div>
		      </div>
		      <div class="x_content">
			  	 <div class="row">
		  			<div class="col-md-12 col-sm-12 col-xs-12">
					  	 	<div class="form-group">
					  	 		<label class="control-label col-md-2 col-sm-3 col-xs-12">工号:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<div class="input-group">
		                            	<input class="form-control" type="text" id="txt_jonNum" name="jonNum" maxlength="6">
		                            	<span class="input-group-btn">
		                                    <button type="button" class="btn btn-danger" onclick="createJonNum()">随机生成</button>
		                                </span>
		                          	</div>
					            </div>
					            <label class="control-label col-md-2 col-sm-3 col-xs-12">邮箱:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<input class="form-control" type="text" id="txt_orgEmail" name="orgEmail"/>
					            </div>
				            </div>
				            <div class="form-group">
						  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >企业角色:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<select id="sel_specilRole" name="specilRole" class="form-control">
						                <option value="1">普通员工</option>
						                <option value="2">管理员</option>
						                <option value="3" style="display:none;">超级管理员</option>
						                <option value="4" style="display:none;">管理员/超级管理员</option>
						             </select>
					            </div>
					            <label class="control-label col-md-2 col-sm-3 col-xs-12" >学历:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					             		<select id="sel_education" name="education" class="form-control">
							                <option value="5">其他</option>
							                <option value="1">博士</option>
							                <option value="2">研究生</option>
							                <option value="3">本科</option>
							                <option value="4">专科</option>
						              	</select>
					            </div>
				            </div>
				            <div class="form-group">
						  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >就职类型:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<select id="sel_inauType" name="inauType" class="form-control">
							            <option value="1">正式员工</option>
							            <option value="2">临时员工</option>
							            <option value="3">实习员工</option>
							            <option value="4">其他</option>
						            </select>
					            </div>
					            <label class="control-label col-md-2 col-sm-3 col-xs-12" >邀请方式加入:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<select id="sel_invitType" name="invitType" class="form-control">
							            <option value="1">不邀请</option>
							            <option value="2">短信邀请</option>
							            <option value="3">邮件邀请</option>
						            </select>
					             	
					            </div>
				            </div>
			          </div>
		  		    </div>
			      </div>
	            </div>
	         </div>
	      </div>
		  	</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" id="btn_100101103100_cancle" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="btn_100101103100_save">确认</button>
        <button type="button" class="btn btn-primary" id="btn_100101103101_save">确认</button>
      </div>
    </div>
  </div>
</div>
<!-- end -->


<!-- 检索弹出层  star-->
  <div class="modal fade" id="bs-100101103103-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">查询用户</h4></div>
      <div class="modal-body">
       <!-- 内容 start-->
       <form id="frm_100101103103" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
	       <!-- 关键字查询 -->
			<div class="form-group">
				<label class="control-label col-md-3 col-sm-3 col-xs-12" for="select_droplist01">关键字查询</label>
	            <div class="col-md-3 col-sm-3 col-xs-12">
	              <select id="sel_searchKey" class="form-control">
	                <option value="0">==请选择==</option>
	                <option value="1">真实姓名</option>
	                <option value="2">工号</option>
	                <option value="3">手机号</option>
	                <option value="4">机构邮箱</option>
	              </select>
	            </div>
	            <div class="col-md-3 col-sm-3 col-xs-12">
	            	<input id="sel_searchValue" class="form-control" type="text" />
	            </div>
	        </div>
	       <!-- 部门查询 -->
			<!-- div class="form-group">
				<label class="control-label col-md-3 col-sm-3 col-xs-12" for="select_droplist01">部门查询</label>
	            <div class="col-md-6 col-sm-6 col-xs-12">
	            	<input id="search_departRoles" class="form-control" type="text" placeholder="请选择部门" readOnly="readOnly">
	            </div>
	        </div -->
	        <!-- 用户公司状态查询 -->
			<div class="form-group">
				<label class="control-label col-md-3 col-sm-3 col-xs-12" for="select_droplist01">用户公司状态查询</label>
	            <div class="col-md-6 col-sm-6 col-xs-12">
	              <select id="sel_search_inauType" class="form-control">
	                <option value="0">==请选择==</option>
	                <option value="1">正式</option>
	                <option value="2">临时</option>
	                <option value="3">实习</option>
	                <option value="4">其他</option>
	              </select>
	            </div>
	        </div>
	        <!-- 状态查询 -->
			<div class="form-group">
				<label class="control-label col-md-3 col-sm-3 col-xs-12" for="select_droplist01">状态查询</label>
	            <div class="col-md-6 col-sm-6 col-xs-12">
	              <select id="sel_state" class="form-control">
	                <option value="0">==请选择==</option>
	                <option value="1">已生效</option>
	                <option value="2">未生效</option>
	              </select>
	            </div>
	        </div>
	       <!--时间-->
	        <div class="form-group">
	            <label class="control-label col-md-3 col-sm-3 col-xs-12">创建时间</label>
	            <div class="col-md-3 col-sm-3 col-xs-12">
					<div class="input-prepend input-group">
	                  <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
	                  <input type="text" placeholder="开始时间" style="width:100%" id="txt_startDate" class="form-control" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',qsEnabled:true,quickSel:['2000-10-01','%y-%M-01','%y-%M-%ld']})" />
	                </div>
	            </div>
	            <div class="col-md-3 col-sm-3 col-xs-12">
					<div class="input-prepend input-group">
	                  <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
	                  <input type="text" placeholder="结束时间" style="width:100%" id="txt_endDate" class="form-control" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',qsEnabled:true,quickSel:['2000-10-01','%y-%M-01','%y-%M-%ld']})" />
	                </div>
	            </div>
	        </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" id="btn_100101103103_cancle" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="btn_100101103103_save">确认</button>
      </div>
    </div>
  </div>
</div>
<!-- end -->


<!-- 详情页弹出层  star-->
<div class="modal fade" id="bs-100101103104-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">用户详情</h4></div>
      <div class="modal-body">
      <form id="frm_100101103104" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
       	<div class="row">
          <div class="col-md-12">
            <div class="x_panel">
              <div class="x_title">
                <h2>用户信息 </h2>
              	<div class="clearfix"></div>
              </div>
              	<div class="x_content">
			       <div class="row">
			         <div class="col-md-12">
					  	<div class="col-md-2 col-sm-12 col-xs-12 form-group" style="height:13rem">
				       	   <image id="info_imgRealUrl" src="${cxt}/_sys/images/man.png" style="height:100%;width:100%"/>
				      	</div>
					  	<div class="col-md-10 col-sm-12 col-xs-12">
						  	 	<div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-4 col-xs-12" >姓名:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<span class="form-control-static col-md-12 col-xs-12" id='info_realName'></span>
						            </div>
						            <label class="control-label col-md-2 col-sm-4 col-xs-12">性别:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<span class="form-control-static col-md-12 col-xs-12" id='info_sex'></span>
						            </div>
					            </div>
						  	 	<div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-4 col-xs-12" >QQ:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<span class="form-control-static col-md-12 col-xs-12" id='info_qq'></span>
						            </div>
						            <label class="control-label col-md-2 col-sm-3 col-xs-12" >学历:</label>
					           		<div class="col-md-4 col-sm-3 col-xs-12">
				             		   <span class="form-control-static col-md-12 col-xs-12" id='info_education'></span>
					                </div>
					            </div>
					            <div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >电话:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<span class="form-control-static col-md-12 col-xs-12" id='info_mobile'></span>
						            </div>
						            <label class="control-label col-md-2 col-sm-3 col-xs-12">邮箱:</label>
					               <div class="col-md-4 col-sm-3 col-xs-12">
					                  <span class="form-control-static col-md-12 col-xs-12" id='info_orgEmail'></span>
					           	   </div>
					            </div>
					            <div class="form-group">
							  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >身份证:</label>
					            	<div class="col-md-4 col-sm-3 col-xs-12">
						            	<span class="form-control-static col-md-12 col-xs-12" id='info_idCard'></span>
					            	</div>
					            	<label class="control-label col-md-2 col-sm-3 col-xs-12">出生日期:</label>
						            <div class="col-md-4 col-sm-3 col-xs-12">
						            	<span class="form-control-static col-md-12 col-xs-12" id='info_birthDate'></span>
						            </div>
					            </div>
					        </div>
				  		</div>
				  	</div>
				</div>
		    </div>
		    <div class="x_panel">
		      <div class="x_title">
		        <h2 >员工信息</h2>
		      	<div class="clearfix"></div>
		      </div>
		      <div class="x_content">
			  	 <div class="row">
		  			<div class="col-md-12 col-sm-12 col-xs-12">
					  	 	<div class="form-group">
					  	 		<label class="control-label col-md-2 col-sm-3 col-xs-12">工号:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<div class="input-group">
		                            	<span class="form-control-static col-md-12 col-xs-12" id='info_jonNum'></span>
		                          	</div>
					            </div>
					            <label class="control-label col-md-2 col-sm-3 col-xs-12" >就职类型:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<span class="form-control-static col-md-12 col-xs-12" id='info_inauType'></span>
					            </div>
				            </div>
				            <div class="form-group">
				            	<label class="control-label col-md-2 col-sm-3 col-xs-12">是否生效:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					              	<span class="form-control-static col-md-12 col-xs-12" id='info_state'></span>
					            </div>
						  	 	<label class="control-label col-md-2 col-sm-3 col-xs-12" >是否启用:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					            	<span class="form-control-static col-md-12 col-xs-12" id='info_enabled'></span>
					            </div>
				            </div>
				            <div class="form-group">
				            	 <label class="control-label col-md-2 col-sm-3 col-xs-12" >邀请方式:</label>
					            <div class="col-md-4 col-sm-3 col-xs-12">
					             	 <span class="form-control-static col-md-12 col-xs-12" id='info_invitType'></span>
					            </div>
						  	 	<label class="control-label col-md-2 col-sm-4 col-xs-12" >企业角色:</label>
					            <div class="col-md-4 col-sm-8 col-xs-12">
					            	<span class="form-control-static col-md-12 col-xs-12" id='info_departRole'></span>
					            </div>
				            </div>
				            
			          </div>
		  		    </div>
			      </div>
	            </div>
	         </div>
	      </div>
      </form>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
<!-- end -->

<!-- 设置状态弹出层  star-->
  <div class="modal fade" id="bs-100101103108-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">设置状态</h4></div>
      <div class="modal-body">
       <!-- 内容 start-->
       <form id="frm_100101103108" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
	        <!-- 状态 -->
			<div class="form-group">
	            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="select_droplist01">状态</label>
	            <div class="col-md-6 col-sm-6 col-xs-12">
	              <select id="sel_type" class="form-control">
	                <option value="1">生效</option>
	                <option value="2">未生效</option>
	              </select>
	            </div>
	        </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" id="btn_100101103108_cancle" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="btn_100101103108_save">确认</button>
      </div>
    </div>
  </div>
</div>
<!-- end -->

<!-- 设置部门弹出层  star-->
  <div class="modal fade" id="bs-100101103105-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">部门设置</h4>
      </div>
      <div class="modal-body">
	       <!-- 内容 start-->
	       <div class="row">
			<div class="col-md-4 col-sm-4 col-xs-12">
				<div class="x_panel">
					<div class="x_title">
						<div class="col-md-9 col-sm-9 col-xs-12">
							<h2>设置部门</h2>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="x_content">
						<!-- 部门树  start-->
						<div class="zTreeDemoBackground left" style="overflow-y:auto;width:100%;" id="x_content_01">
							<ul id="departTree" class="ztree checkbox_ _full" ></ul>
						</div>
						<!-- 部门树  end-->
					</div>
				</div>
			</div>
		
			<div class="col-md-8 col-sm-8 col-xs-12">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2>设置角色</h2>
								<div class="clearfix"></div>
							</div>
							<div class="x_content">
								<br />
								<form id="frm_search" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
									<div class="form-group">
				                         <table id="tb_depart_role_list" data-reorderable-columns="true"></table>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" id="btn_100101103105_cancle" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="btn_100101103105_save">确认</button>
      </div>
    </div>
  </div>
</div>
<!-- end -->

<!-- 设置特殊权限弹出层  star-->
  <div class="modal fade" id="bs-100101103106-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel-100101103106">特殊授权</h4></div>
      <div class="modal-body">
       <!-- 内容 start-->
       <form id="frm_100101103106" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
	      <div class="zTreeDemoBackground left" style="overflow-y:auto;width:100%;" id="x_content_02">
			 <ul id="spacilMenuTree" class="ztree checkbox_ _full"></ul>
		  </div>
        </form>
      </div>
      <div class="modal-footer" id="modal-footer-100101103106">
        <button type="button" class="btn btn-default" id="btn_100101103106_cancle" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="btn_100101103106_save">确认</button>
      </div>
    </div>
  </div>
</div>
<!-- end -->
</@body>
<@script>
<script type="text/javascript" src="${cxt}/controller/system/100101103.js"></script>
<script type="text/javascript" src="${cxt}/controller/system/100101103_0.js"></script>
<script type="text/javascript">
	function loadImg(data){
		var d = data.replace(/\\/g,"/");
		var _data = JSON.parse(d);
		var url = _data.data[0]['url'];
		$("#txt_imgRealUrl").attr("src",url);
		$("#txt_imgUrl").val(_data.data[0]['id']);
	}
	setTimeout(function(){
		$("#x_content_01").css("height",$('#ifrmContent', parent.document).height()-270);
	},50)
</script>
</@script>
<@UploadFile isCutImg="true" callback="[{\"targetId\":\"txt_imgRealUrl\",\"type\":1007,\"callback\":\"loadImg\"}]"></@UploadFile>
